<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .big{
            display: inline-block;
            width: 32%;
            background-color: #dbf0ff;
            /*border: inset .1em #626262;*/
            /*padding: 5px 15px;*/
            height: 180px;
            /*margin: 10px auto;*/

        }

        .mini {
            display: inline-block;
            /*font-size: .8em;*/
            width: 45%;
            height: 60px;
            background-color: #d6fcc6;
            /*margin: 6px 0;*/
            /*padding: 5px;*/
            /*border: inset .1em #818181;*/
        }
    </style>

</head>
<body>
<div class="bigSmallBox">
    <div class="big"><!-- 1 -->
        <div class="mini">
        </div>
    </div>
    <div class="big"><!-- 2 -->
    </div>

    <div class="big"><!-- 3 -->
    </div>
</div>
</body>
</html>